body
{
	background-color: #FFFFFF;
}

#navigation
{
	float:left;
	width:100px;
	font-family:"Trebuchet MS";
	font-size:12;
	text-align:right;
	border-top:#FFFFFF 2px solid;
	border-left:#FFFFFF 2px solid;
	border-bottom:#FFFFFF 2px solid;
	border-right:#FFFFFF 2px solid;
}

#navigation ul
{
	background-color:#304FC9;
	color:#07D607;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#navigation li
{
	border-bottom:3px #999999 solid;
	border-top:1px #999999 solid;
	
}

#navigation li a
{
	display:block;
	height:1em;
	padding:5px 5px 5px 0.5em;
	text-decoration:none;
	border-left:12px solid #151571;
	border-right:3px solid #151571;
}

#navigation li a:link, #navigation li avisited
{
	background-color:#3A45CD;
	color:#FFFFFF;
}

#navigation li a:hover, #navigation li a:active
{
	background-color:#0E2689;
	color:#07D607;
	border-left:#FFFF00 12px solid; 
}

#menu
{
	float:left;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#FFFFFF;
	width:90px;
	background-color:#E3E3E3;
	padding:8px;
	margin:0 auto;
	border:1px solid #CCCCCC;
}

#menu a, #menu a:visited
{
	display:block;
	background-color:#FFFFFF;
	padding:4px 8px;
	color:#000000;
	text-decoration:none;
	text-align:center;
	margin:5px 0px;
	border-left:#999999 solid 8px;
	border-right: #999999 solid 8px;
}

#menu a:hover
{
	border-left:#666666 solid 8px;
	border-right:#666666 solid 8px;
	color: #071A98;
	padding:3px 8px;
}
#menu a#first, a#last
{
	margin:0px;
}

#five
{
	width:100px;
	float:left;
	font-family:"Trebuchet MS";
	font-size:12px;
	background-color:#FFFFFF;
	color:#000000;
	border:1px #E7E7E7 solid;
}

#five a,#five a:visited
{
	text-decoration:none;
	display:block;
	border:0.5em #FFFFFF solid;
	text-align:center;
	margin:1px 5px;
	color:#000000;
	height:1.5em;
}

#five a:hover
{
	color:#FFFFFF;
	border-color: #DDDDDD #AAAAAA;
	background:#AAAAAA;
}

#four
{
	border:1px #e7e7e7 solid;
	font-family:"Trebuchet MS";
	font-size:12px;
	background-color:#def;
	width:100px;
	float:left;
	margin:2px;
}

#four a, #four a:visited
{
	display:block;
	position:relative;
	text-decoration:none;
	color:#000;
	background-color: #8ab;
	margin:4px 8px;
	text-align:center;
	padding:1px;
	border:#fff solid 3px;
	border-color:#def #678 #345 #cde;
}

#four a:hover
{
	top:2px;
	left:2px;
	border-color:#345 #cde #def #678;
}

#one
{
	font-family:"Trebuchet MS";
	font-size:12px;	
	background:#FFFFFF;
	float:left;
	border:#F1FEF7 solid 5px;
}

#one a,a:visited
{
	border-top:#fff 2px solid;
	border-bottom:#fff 2px solid;
	border-left:#fff 2px solid;
	border-right:#fff 2px solid;
	display:block;
	text-decoration:none;
	color:#FF0000;
	text-align:center;
	margin:2px 4px;
	padding:2px;
	width:100px;
	position:relative;
}

#one a:hover
{
	border-color:#FF0000;
}
#one a span
{
	display:block;
	position:absolute;
	height:0px;
	width:0px;
	border:#fff solid 8px;
	top:4px;
	overflow:hidden;
	
}
#one a span.left
{
	border-left-color:#f00;
	left:8px;
}
#one a span.right
{
	border-right-color:#f00;
	right:8px;
}

#two
{
	font-family:"Trebuchet MS";
	font-size:12px;
	background-color:#fff;
	border:1px #F01E72 solid;
	float:left;
	padding:1px;
	width:110px;
}
#two a,a:visited
{
	text-decoration:none;
	display:block;
	color:#f00;
	text-align:center;
	padding:2px;
	position:relative;
	border:#fff solid 2px;
}
#two a span
{
	display:none;
}
#two a:hover
{
	border-color:#f00;
}
#two a:hover span
{
	display:block;
	position:absolute;
	hight:0px;
	width:0px;
	top:4px;
	border:#fff 8px solid;
	overflow:hidden;
}
#two a:hover span.left
{
	border-left-color:#f00;
	left:8px;
}
#two a:hover span.right
{
	border-right-color:#f00;
	right:8px;
}
#two a:hover span.into
{
	position:absolute;
	left:110px;
	background-color:#fdffff;
	top:0px;;
	border:1px #f00 dashed;
	display:block;
	width:100px;
	height:auto;
}











